function Tab({tabs,changeTab,active}) {
  return (
    <div className="tabs-order">
      <ul className="sort-container">

        {tabs.map((item) => (
        <li
          onClick={() => changeTab(item.type)}
          className={item.type === active ? 'on' : ''}
          key={item.id}
        >
          按{item.name}排序
        </li>
      ))}
      </ul>
    </div>
  )
}

export default Tab